@charset "utf-8";
$fs:64px;

html{
    font-size: $fs;
}
@function r($px){
    @return $px/$fs*1rem
}
//顶部导航
header{
      width: 100%;
      height: r(89px);
      background: #b20000;
      overflow: hidden;
      .gengduo{
          color: white;
          float: left;
          margin-top: r(33px);
          width: r(31px);
          height: r(27px );
          margin-left: r(23px);
          i{
              font-size: r(23px);
//            vertical-align: top;
              display: block;
          }
      }
      .logo{
          width: r(265px);
          float: left;
          padding-top: r(25px);
          margin-left: r(134px);
          img{
              width: 100%;
              vertical-align: top;
          }
      }
      .sousuo{
          width: r(43px);
          height: r(43px);
          float: right;
          border: 1px solid #ffffff;
          border-radius: 50%;
          margin-top: r(23px);
          margin-right: r(16px);
          i{
//            width: r(26px);
//            height: r(26px);
              display:block;
              text-align: center;
              font-size: r(26px);
              padding-left: r(1px);
              padding-top: r(7px);
              color: #ffffff;
          }
      }
}
//底部导航
footer{
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
//    height: r(95px);
      background: #f5f5f5;
      border-top: r(1px) solid #bbb9ba;
      li{
          float: left;
          width: r(128px);
          display: inline-flex;
          text-align: center;
          a{
              display: inline-block;
              width: 100%;
              color: #8b8b8b;
              text-align: center;
              img{
                  height: r(41px);
              }
              p{
                  font-size: r(22px);
                  margin-top: r(-2px);
              }
              .ziti{
                  color: #b60005;
              }
          }
      }
      li:nth-of-type(2){
          p{
              margin-top: r(4px);
          }
      }
      li:after{
              content: "";
              width:r(1px);
              height:r(50px);
              background: #e9e9e9;
              display:inline-block;
              float: right;
              margin-top: r(30px);
          }
      li:nth-of-type(5):after{
          display: none;
      }
}